//执行方法
$(function () {
	//设置列表主体的高度
	setListBodyHeight();
	//设置选项卡点击之后的颜色并出现对应的列表
	clickList_headCardDiv();
	//显示出分组列表
	clickFriendList();
	//设置名字长度
	setNameLength();
	//设置右键菜单
	setRightMouse();
	//点击头像出现查看或修改页面
	clickImgToUserInfo();
	//点击进入添加好友页面
	clickAddFriend();
	//下拉列表切换省市
	changeSelect();
	//点击上传附件
	clickFile();
	//修改用户信息
	updateUserInfo();
	//点击回车提交，点击shift+enter 换行
	chatInputWrap();
	//群组点击回车提交，点击shift+enter 换行
	chatGroupInputWrap();
	//主页搜索框中搜索好友/群列表列表
	searchFrendList();
});
/**
 * 设置列表主体的高度
 */
function setListBodyHeight() {
	//获取页面body高度
	var height = $('body').css('height');
	//获取px的在字符串中的坐标
	var index = height.indexOf('p');
	//获取去掉列表头的高度
	var newHeight = height.substring(0,index) - 125;
	//设置列表主体的高度
	$('#list_bodyDiv').css('height',newHeight);
}

/**
 * 设置选项卡点击之后的颜色并出现对应的列表
 */
function clickList_headCardDiv(){
	//被点击的选项卡的位置
	var index = 0;
	//鼠标离开的选项卡的位置
	var indexMouse;
	$('.list_headCardDiv').each(function () {
		$(this).click(function () {
			//将全部选项卡设置为未点击状态
			$('.list_headCardDiv').css('background-color','#444');
			//将全部列表div都隐藏
			$('.list_bodyDiv').css('display','none');
			//获得被点击的选项卡的位置
			index = $('.list_headCardDiv').index(this);
			//将对应得到列表div展示出来
			$('.list_bodyDiv:eq('+index+')').css('display','block');
			//将被点击的选项卡更换颜色
			$(this).css('background-color','#555');
		}).mouseenter(function () {
			//鼠标进入后选项卡变色
			$(this).css('background-color','#555');
		}).mouseleave(function () {
			//获得鼠标离开的选项卡的位置
			indexMouse = $('.list_headCardDiv').index(this);
			//alert('index'+index+"index2"+indexMouse);
			//与被点击的选项卡的位置进行比较，如果一致就不继续执行
			if(index == indexMouse){
				return false;
			}else{
				//位置不一致时选项卡变色
				$(this).css('background-color','#444');
			}
		});
	});
}
/**
 * 显示出分组列表，点击好友选项变色
 */
function clickFriendList(){
	$('#list_bodyDiv2>ul>li').each(function () {
		$(this).click(function () {
			//获取被点击的列表位置
			var index = $('#list_bodyDiv2>ul>li').index(this) + 1;
			//获取列表中的li数量
			var count = $('#list_bodyDiv2>ul>li:eq('+index+')>ul>li').length;
			//计算出列表的高度
			var height =count*60 +'px';
			//切换列表头的颜色
			if($(this).css('background-color').toString() == 'rgb(85, 85, 85)'){
				$(this).css('background-color','#666');
			}else{
				$(this).css('background-color','#555');
			}
			//切换列表头的箭头图片
			$(this).children('div').toggleClass('list_bodyImgDownDiv2');
			//隐藏或显示列表
			$('#list_bodyDiv2>ul>li:eq('+index+')').css('height',height).toggle();
		});
	});
	$('#list_bodyDiv2 ul li ul li').each(function (){
		$(this).click(function () {
			$('#list_bodyDiv2 ul li ul li').each(function () {
				$(this).css('background-color','#555');
			});
			$(this).css('background-color','#666');
		});
	});
}
/**
 * 设置名字长度
 */
function setNameLength(){
	var name = $('#list_headNameDiv').text();
	if(name.length > 11){
		var newName = name.substr(0,10)+'...';
		$('#list_headNameDiv').text(newName);
	}
}
/**
 * 设置鼠标右键单击选项卡出现菜单
 */
function setRightMouse(){
	//屏蔽掉系统自带的右键菜单
	$('.list_headCardDiv:eq(1)').bind("contextmenu",function(e){
		return false;
 	}).mousedown(function (e){
 		//判断点击的按键是否为鼠标右键，显示出菜单
		if(e.which == 3){
			$('#list_headCardMenuDiv1').css('display','block');
		}
	});
	//屏蔽掉系统自带的右键菜单
	$('.list_headCardDiv:eq(2)').bind("contextmenu",function(e){
		return false;
 	}).mousedown(function (e){
 		//判断点击的按键是否为鼠标右键，显示出菜单
		if(e.which == 3){
			$('#list_headCardMenuDiv2').css('display','block');
		}
	});
	//隐藏菜单
	$('#list_headCardDiv').mouseleave(function (){
		$('#list_headCardMenuDiv1').css('display','none');
		$('#list_headCardMenuDiv2').css('display','none');
	});
}

/**
 * 点击头像出现查看或修改页面
 */
function clickImgToUserInfo () {
	//点击头像出现查看页面
	$('.list_bodyImgDiv,#list_headImgDiv').each(function () {
		$(this).click(function () {
			$('#userInfoDiv').css('display','block');
		});
	});
	//点击其他位置隐藏查看页面
	$('#userInfoDiv').click(function (e) {
		//根据被点击的元素的ID进行判断
		var id = $(e.target).attr('id');
		if(id == 'userInfoDiv'){
			$('#userInfoDiv').css('display','none');
		}	
	})
}
/**
 * 点击添加好友界面
 */
function clickAddFriend () {
	$('#homeDiv #list_headCardMenuDiv1>ul>li:eq(0)').click(function (){
		$('#searchFriendDiv').css('display','block');
	});
	//点击其他位置隐藏添加好友页面
	$('#searchFriendDiv').click(function (e) {
		//根据被点击的元素的ID进行判断
		var id = $(e.target).attr('id');
		if(id == 'searchFriendDiv'){
			$('#searchFriendDiv').css('display','none');
		}	
	})
}
/**
 * 初始化省市
 * @param data
 */
function initProvinceAndCity(data,gp,gc,sp,sc){
	//将字符串转换为json
	var json = $.parseJSON(data);
	//循环添加省的值
	var lengthGP = json.g[0].province.length;
	for(var i=0;i<lengthGP;i++){
		var value = json.g[0].province[i].id;
		var text =json.g[0].province[i].name;
		if(value == gp){
			var option = "<option value="+value+" selected>"+text+"</option>";
			$('#userInfoDiv #gProvince').prepend(option);
		}else{
			var option = "<option value="+value+">"+text+"</option>";
			$('#userInfoDiv #gProvince').prepend(option);
		}
	}
	var lengthSP = json.s[0].province.length;
	for(var i=0;i<lengthSP;i++){
		var value = json.s[0].province[i].id;
		var text =json.s[0].province[i].name;
		if(value == sp){
			var option = "<option value="+value+" selected>"+text+"</option>";
			$('#userInfoDiv #sProvince').prepend(option);
		}else{
			var option = "<option value="+value+">"+text+"</option>";
			$('#userInfoDiv #sProvince').prepend(option);
		}
	}
	////循环添加市的值
	var lengthGC = json.g[0].city.length;
	for(var i=0;i<lengthGC;i++){
		var value = json.g[0].city[i].id;
		var text =json.g[0].city[i].name;
		if(value == gc){
			var option = "<option value="+value+" selected>"+text+"</option>";
			$('#userInfoDiv #gCity').prepend(option);
		}else{
			var option = "<option value="+value+">"+text+"</option>";
			$('#userInfoDiv #gCity').prepend(option);
		}
	}	
	var lengthSC = json.s[0].city.length;
	for(var i=0;i<lengthSC;i++){
		var value = json.s[0].city[i].id;
		var text =json.s[0].city[i].name;
		if(value == sc){ 
			var option = "<option value="+value+" selected>"+text+"</option>";
			$('#userInfoDiv #sCity').prepend(option);
		}else{
			var option = "<option value="+value+">"+text+"</option>";
			$('#userInfoDiv #sCity').prepend(option);
		}
	}
}

/**
 * 下拉列表切换省市
 */
function changeSelect (){
	//下拉列表选项切换时联动
	$('#userInfoDiv #gProvince').change(function (e){
		var id = $(e.target).val();
		$('#userInfoDiv #gCity').find('option').remove();
		changeGCity(id);
	});
	//下拉列表选项切换时联动
	$('#userInfoDiv #sProvince').change(function (e){
		var id = $(e.target).val();
		$('#userInfoDiv #sCity').find('option').remove();
		changeSCity(id);
	});
}
/**
 * 下拉列表切换故乡省市
 */
function changegCity(data){
	var json = $.parseJSON(data);
	var lengthS = json[0].city.length;
	for(var i=0;i<lengthS;i++){
		var value = json[0].city[i].id;
		var text =json[0].city[i].name;
		var option = "<option value="+value+">"+text+"</option>";
		$('#userInfoDiv #gCity').prepend(option);
	}
}
/**
 * 下拉列表切换所在地省市
 */
function changesCity(data){
	var json = $.parseJSON(data);
	var lengthS = json[0].city.length;
	for(var i=0;i<lengthS;i++){
		var value = json[0].city[i].id;
		var text =json[0].city[i].name;
		var option = "<option value="+value+">"+text+"</option>";;
		$('#userInfoDiv #sCity').prepend(option);
	}
}

/**
 * 点击上传附件
 */
function clickFile(){
	$('#userInfoImgDiv').click(function (){
		$('#imgHead').click();
	});
}
/**
 * 修改用户信息
 */
function updateUserInfo(){
	$('#userInfoCCDivButton').click(function (){
		var data = $('#UserInfoForm').serialize();
		updateUserInfoAjax(data);
	});
}
/**
 * 右键好友列表出现功能列表(删除好友,游戏对战发起,修改分组)
 */
function clickFriendListToMenu(a,event){
	//屏蔽掉系统自带的右键菜单
	//alert("1111111111111111111");
	$(a).bind("contextmenu",function(e){
		return false;
 	})
	//判断点击的按键是否为鼠标右键，显示出菜单
	if(event.which == 3){
		var x = event.screenX + 1;
		var y = event.screenY - 70;
		var id = $(a).parent().find('.hide').text();
		var div = "<div id='friendListToMenu' style='margin-top:"+y+"px;margin-left:"+x+"px' onmouseleave='leaveFriendListToMenu(this)'>" 
				+"<div class='hide' style='display: none'>"+id+"</div>" 
				+"<div onClick='game()'>游戏对战</div>"
				+"<div onClick='showGroupSelect(this)'>邀请进群</div>"
				+"<div style='display:none'><select></select></div>" 
				+"<div style='display:none' onClick='requestGroupFriend(this)'>确定</div>"
				+"<div onClick='deleteFriend(this)'>删除好友</div>"
				+"</div>";
		$('body').prepend(div);
		var timer=setTimeout(function(){
			$('#friendListToMenu').remove();
        },1000)
		$('#friendListToMenu').mouseover(function (){
			clearTimeout(timer);
		});
	}
}
/**
 * 移除好友功能列表
 * @param a
 */
function leaveFriendListToMenu(a){
	$(a).remove();
}
/**
 * 点击好友连接到右边的聊天框
 */
function chatOneToOne(a,event){
	event.stopPropagation();
	$('#list_bodyDiv #list_bodyDiv1 li').each(function (){
		$(this).css("background-color","#555");
	});
	$('#list_bodyDiv #list_bodyDiv2 ul>li:eq(1)>ul>li').each(function (){
		$(this).css("background-color","#555");
	});
	$('#list_bodyDiv #list_bodyDiv3 ul>li').each(function (){
		$(this).css("background-color","#555");
	});
	$(a).css("background-color","#666");
	var name = $(a).find(".list_bodyName").text();
	if($(a).find(".hide").length>0){
		var id = $(a).find(".hide").text();
	}else if($(a).find(".hideID").length>0){
		var id = $(a).find(".hideID").text();
	}
	$('#chatInputDiv').css('display','block');
	$('#chatInputDiv textarea').css('display','block');
	$('#chatInputDiv button').css('display','block');
	$('#chatGroupInputDiv').css('display','none');
	$('#chatNameDiv').text("");
	$('#chatDiv #hide').text("");
	$('#chatNameDiv').text(name);
	$('#chatDiv #hide').text(id);
	createChatBodyDiv(a);
}
/**
 * 点击群组连接到右边的聊天框
 */
function chatOneToAll(a,event){
	event.stopPropagation();
	$('#list_bodyDiv #list_bodyDiv1 li').each(function (){
		$(this).css("background-color","#555");
	});
	$('#list_bodyDiv #list_bodyDiv2 ul>li:eq(1)>ul>li').each(function (){
		$(this).css("background-color","#555");
	});
	$('#list_bodyDiv #list_bodyDiv3 ul>li').each(function (){
		$(this).css("background-color","#555");
	});
	$(a).css("background-color","#666");
	var name = $(a).find(".list_bodyName").text();
	if($(a).find(".hide").length>0){
		var id = $(a).find(".hide").text();
	}else if($(a).find(".hideID").length>0){
		var id = $(a).find(".hideID").text();
	}
	$('#chatGroupInputDiv').css('display','block');
	$('#chatBodyDiv>div').each(function (){
		$(this).css('display','none');
	});
	
	$('#chatBodyDiv #chatBodyDiv'+id+'').css('display','block');
	$('#chatGroupInputDiv textarea').css('display','block');
	$('#chatGroupInputDiv button').css('display','block');
	$('#chatInputDiv').css('display','none');
	$('#chatNameDiv').text("");
	$('#chatDiv #hide').text("");
	$('#chatNameDiv').text(name);
	$('#chatDiv #hide').text(id);
}

/**
 * 点击回车提交，点击shift+enter 换行
 */
function chatInputWrap(){
	$('#chatInputDiv textarea').keydown(function (event){
		if(event.keyCode == 108 || event.keyCode == 13){
			// 禁止换行
			event.cancelBubble=true;
			event.preventDefault();
			event.stopPropagation();
		}
	});
	$('#chatInputDiv textarea').keyup(function (event){
		 
		if((event.ctrlKey && event.keyCode == 13)||(event.ctrlKey && event.keyCode == 108)){
			var value = $(this).val()+"\r\n";
			$(this).val(value);
			//alert(222);
		}else if(event.keyCode == 108 || event.keyCode == 13){
			var value = $(this).val();
			var id = $('#chatDiv #hide').text();
			var newValue = value.replace(/[\n\r]/g,'<br>');
			if(value != ""){
				sendMessage(id,newValue);			
				var time = createTime();
				var div = "<div class='chatMessageRightDiv'>" +
					"<div class='chatMessageTimeDiv'>"+time+"</div>" +
					"<div class='chatMessageInfoDiv'>"+newValue+"<div></div>";
				$('#chatBodyDiv #chatBodyDiv'+id+'').append(div);
				var width = $('#chatBodyDiv #chatBodyDiv'+id+'>div:last').width();
				if(width > 576){
					var width = $('#chatBodyDiv #chatBodyDiv'+id+'>div:last').width(566);
					$('#chatBodyDiv #chatBodyDiv'+id+'>div:last').css("marginLeft",133);
				}else{
					var newWidth = 700-width;
					$('#chatBodyDiv #chatBodyDiv'+id+'>div:last').css("marginLeft",newWidth);
				}
				var height = document.getElementById("chatBodyDiv"+id+"").scrollHeight;
				$("#chatBodyDiv #chatBodyDiv"+id+"").scrollTop(height);
			}
			$(this).val("");
		}
	});
	$('#chatDiv #sendMesButton').click(function (){
		var value = $('#chatInputDiv textarea').val();
		var id = $('#chatDiv #hide').text();
		var newValue = value.replace(/[\n\r]/g,'<br>');
		if(value != ""){
			sendMessage(id,newValue);			
			var time = createTime();
			var div = "<div class='chatMessageRightDiv'>" +
				"<div class='chatMessageTimeDiv'>"+time+"</div>" +
				"<div class='chatMessageInfoDiv'>"+newValue+"<div></div>";
			$('#chatBodyDiv #chatBodyDiv'+id+'').append(div);
			var width = $('#chatBodyDiv #chatBodyDiv'+id+'>div:last').width();
			if(width > 576){
				var width = $('#chatBodyDiv #chatBodyDiv'+id+'>div:last').width(566);
				$('#chatBodyDiv #chatBodyDiv'+id+'>div:last').css("marginLeft",133);
			}else{
				var newWidth = 700-width;
				$('#chatBodyDiv #chatBodyDiv'+id+'>div:last').css("marginLeft",newWidth);
			}
			
			var height = document.getElementById("chatBodyDiv"+id+"").scrollHeight;
			$("#chatBodyDiv #chatBodyDiv"+id+"").scrollTop(height);
		}
		$('#chatInputDiv textarea').val("");
	});
}

/**
 * 群组 点击回车提交，点击shift+enter 换行
 */
function chatGroupInputWrap(){
	$('#chatGroupInputDiv textarea').keydown(function (event){
		if(event.keyCode == 108 || event.keyCode == 13){
			// 禁止换行
			event.cancelBubble=true;
			event.preventDefault();
			event.stopPropagation();
		}
	});
	$('#chatGroupInputDiv textarea').keyup(function (event){
		if((event.ctrlKey && event.keyCode == 13)||(event.ctrlKey && event.keyCode == 108)){
			var value = $(this).val()+"\r\n";
			$(this).val(value);
			//alert(222);
		}else if(event.keyCode == 108 || event.keyCode == 13){
			sendGroupMsgRightDiv(this);
		}
	});
	$('#chatDiv #sendGroupMesButton').click(function (){
		sendGroupMsgRightDiv($('#chatGroupInputDiv textarea'));
	});
}
/**
 * 群组rightDIV发送消息
 * @param a
 */
function sendGroupMsgRightDiv(a){
	var value = $(a).val();
	var id = $('#chatDiv #hide').text();
	var newValue = value.replace(/[\n\r]/g,'<br>');
	var name = $(a).parent().parent().find("#chatNameDiv").text();
	if(value != ""){
		var newID = id.substring(5,id.length);
		sendGroupMessage(newID,newValue,name);			
		var time = createTime();
		var div = "<div class='chatMessageRightDiv'>" +
			"<div class='chatMessageTimeDiv'>"+time+"</div>" +
			"<div class='chatMessageInfoDiv'>"+newValue+"<div></div>";
		$('#chatBodyDiv #chatBodyDiv'+id+'').append(div);
		var width = $('#chatBodyDiv #chatBodyDiv'+id+'>div:last').width();
		if(width > 576){
			var width = $('#chatBodyDiv #chatBodyDiv'+id+'>div:last').width(566);
			$('#chatBodyDiv #chatBodyDiv'+id+'>div:last').css("marginLeft",133);
		}else{
			var newWidth = 700-width;
			$('#chatBodyDiv #chatBodyDiv'+id+'>div:last').css("marginLeft",newWidth);
		}
		var height = document.getElementById("chatBodyDiv"+id+"").scrollHeight;
		$("#chatBodyDiv #chatBodyDiv"+id+"").scrollTop(height);
	}
	$(a).val("");
}
/**
 * 创建当前时间
 * @returns {String}
 */
function createTime(){
	var date = new Date();
	var year = date.getFullYear();
	var month = date.getMonth() + 1;
	if(month.toString().length == 1){
		month = "0"+month;
	}
	var day = date.getDate();
	if(day.toString().length == 1){
		day = "0"+day;
	}
	var hour = date.getHours();
	if(hour.toString().length == 1){
		hour = "0"+hour;
	}
	var minute = date.getMinutes();
	if(minute.toString().length == 1){
		minute = "0"+minute;
	}
	var second = date.getSeconds();
	if(second.toString().length == 1){
		second = "0"+second;
	}
	var time = year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
	return time;
}

/**
 * 生成聊天列表
 * @param data
 */
function chatMessageList(json){
	var id = json.msgs[0].fid;
	var msg = json.msgs[0].msg;
	var time = json.msgs[0].time;
	var lesstime = json.msgs[0].lesstime;
	var name = "";
	var url = "";
	var count = $('#list_bodyDiv2>ul>li:eq(1)>ul>li').length;
	for(var i=0;i<count;i++){
		if($('#list_bodyDiv2>ul>li:eq(1)>ul>li').eq(i).find('.hide').text() == id){
			name = $('#list_bodyDiv2>ul>li:eq(1)>ul>li').eq(i).find('.list_bodyName').text();
			url = $('#list_bodyDiv2>ul>li:eq(1)>ul>li').eq(i).find('.list_bodyImgDiv').css("background-image");
		}
	}
	var count2 = $('#list_bodyDiv1>ul>li').length;
	for(var i=0;i<count2;i++){
		if($('#list_bodyDiv1>ul>li').eq(i).find('.hideID').text() == id){
			$('#list_bodyDiv1>ul>li').eq(i).remove();
		}
	}
	var x=url.indexOf('/');
    for(var i=0;i<3;i++){
        x=url.indexOf('/',x+1);
    }
	var imgUrl =".." + url.substring(x,url.length-2);
	var li = '<li onClick="chatOneToOne(this,event);selectChatMessage(this)"><div class="list_bodyImgDiv" title="查看" style="background:url('+imgUrl+') no-repeat center center;background-size: 40px 40px;"></div>'
		+'<div class="hideID" style="display:none">'+id+'</div>'
		+'<div class="list_bodyName">'+name+'</div>'
		+'<div class="list_bodyTime">'+lesstime+'</div>'
		+'<div class="list_bodyMeg">'+msg+'</div></li>';
	$('#list_bodyDiv1>ul').prepend(li);
	
	//当前显示的好友窗口ID
	var dqID = $('#chatDiv #hide').text();
	if(dqID == id){
		createChatMessageList(json,id);
		updateChatMessageStatus(id);
	}

}

/**
 * 生成群组聊天列表
 * @param json
 */
function chatGroupMessageList(json){
	var id = "group"+json.id;
	var uid = json.uid;
	var msg = json.msg;
	var time = json.time;
	var name = json.name;
	var lesstime = json.lesstime;
	var username = "";
	var count = $('#list_bodyDiv2>ul>li:eq(1)>ul>li').length;
	for(var i=0;i<count;i++){
		if($('#list_bodyDiv2>ul>li:eq(1)>ul>li').eq(i).find('.hide').text() == uid){
			username = $('#list_bodyDiv2>ul>li:eq(1)>ul>li').eq(i).find('.list_bodyName').text();
		}
	}
	var count2 = $('#list_bodyDiv1>ul>li').length;
	for(var i=0;i<count2;i++){
		if($('#list_bodyDiv1>ul>li').eq(i).find('.hideID').text() == id){
			$('#list_bodyDiv1>ul>li').eq(i).remove();
		}
	}
	var li = '<li onClick="chatOneToAll(this,event)">'
		+'<div class="hideID" style="display:none">'+id+'</div>'
		+'<div style="margin-left:15px;width:200px" class="list_bodyName">'+name+'</div>'
		+'<div class="list_bodyTime">'+lesstime+'</div>'
		+'<div style="margin-left:15px" class="list_bodyMeg">'+username+":"+msg+'</div></li>';
	$('#list_bodyDiv1>ul').prepend(li);
	
	createGroupChatMessageList(json,id,username);
}
/**
 * 登入之后查询并生成消息列表
 * @param json
 */
function createChatMessageInfoList(json){
	for(var j=0;j<json.length;j++){
		var id = json[j].id;
		var time = json[j].lesstime;
		var msg = json[j].msg.substring(0,10)+"..";
		var name = "";
		var url = "";
		var count = $('#list_bodyDiv2>ul>li:eq(1)>ul>li').length;
		for(var i=0;i<count;i++){
			if($('#list_bodyDiv2>ul>li:eq(1)>ul>li').eq(i).find('.hide').text() == id){
				name = $('#list_bodyDiv2>ul>li:eq(1)>ul>li').eq(i).find('.list_bodyName').text();
				url = $('#list_bodyDiv2>ul>li:eq(1)>ul>li').eq(i).find('.list_bodyImgDiv').css("background-image");
			}
		}
		
		var x=url.indexOf('/');
	    for(var i=0;i<3;i++){
	        x=url.indexOf('/',x+1);
	    }
		var imgUrl =".." + url.substring(x,url.length-2);
		var li = '<li onClick="chatOneToOne(this,event);selectChatMessage(this)"><div class="list_bodyImgDiv" title="查看" style="background:url('+imgUrl+') no-repeat center center;background-size: 40px 40px;"></div>'
			+'<div class="hideID" style="display:none">'+id+'</div>'
			+'<div class="list_bodyName">'+name+'</div>'
			+'<div class="list_bodyTime">'+time+'</div>'
			+'<div class="list_bodyMeg">'+msg+'</div></li>';
		$('#list_bodyDiv1>ul').prepend(li);
	}
}
/**
 * 创建每条消息的div
 * @param json
 * @param id
 */
function createChatMessageList(json,id){
	var count = json.msgs.length;
	for(var i=0;i<count;i++){
		var div = "<div class='chatMessageLeftDiv'>" +
			"<div class='chatMessageTimeDiv'>"+json.msgs[i].time+"</div>" +
			"<div class='chatMessageInfoDiv'>"+json.msgs[i].msg+"<div></div>";
		$('#chatBodyDiv #chatBodyDiv'+id+'').append(div);
	}
	
	var height = document.getElementById("chatBodyDiv"+id+"").scrollHeight;
	$("#chatBodyDiv #chatBodyDiv"+id+"").scrollTop(height);
}
/**
 * 创建群聊每条消息的div
 * @param json
 * @param id
 */
function createGroupChatMessageList(json,id,username){
	var div = "<div class='chatMessageLeftDiv'>" +
		"<div class='chatMessageTimeDiv'>"+username+": "+json.time+"</div>" +
		"<div class='chatMessageInfoDiv'>"+json.msg+"<div></div>";
	$('#chatBodyDiv #chatBodyDiv'+id+'').append(div);
	
	var height = document.getElementById("chatBodyDiv"+id+"").scrollHeight;
	$("#chatBodyDiv #chatBodyDiv"+id+"").scrollTop(height);
}
/**
 * 对每个好友创建聊天div
 * @param a
 */
function createChatBodyDiv(a){
	if($(a).find('.hideID').length>0){
		var id = $(a).find('.hideID').text();
	}else if($(a).find('.hide').length>0){
		var id = $(a).find('.hide').text();
	}
	var idvalue =  "#chatBodyDiv"+id;

	if(!($('#chatBodyDiv').find(idvalue).length > 0)){
		var div = "<div class='chatBodyDiv' id='chatBodyDiv"+id+"'></div>";
		$('#chatBodyDiv').prepend(div);
	}
	var count = $('#chatBodyDiv div').length;
	for(var i=0;i<count;i++){
		$('#chatBodyDiv>div').eq(i).css("display","none");
	}
	$('#chatBodyDiv '+idvalue+'').css("display","block");
	$('#chatInputDiv textarea').css("display","block");
	$('#chatInputDiv button').css("display","block");
	
}
/**
 * 显示隐藏的创建群组li
 * @param a
 */
function showGroup(a){
	$(a).next().css("display","block");
	$(a).next().mouseleave(function (){
		$(this).css("display","none");
		$(a).find("#groupNameInput").val("");
	});
	
}
/**
 * 页面初始化创建
 * @param json
 */
function createGroupChatBodyDiv(json){
	var idvalue = "#chatBodyDivgroup"+json.id;
	if(!($('#chatBodyDiv').find(idvalue).length > 0)){
		var div = "<div class='chatBodyDiv' id='chatBodyDivgroup"+json.id+"'></div>";
		$('#chatBodyDiv').prepend(div);
	}
	var count = $('#chatBodyDiv div').length;
	for(var i=0;i<count;i++){
		$('#chatBodyDiv>div').eq(i).css("display","none");
	}
}

/**
 * 邀请好友进群的群下拉列表select
 * @param a
 */
function showGroupSelect(a){
	$(a).next().css("display","block");
	$(a).next().next().css("display","block");
	$("#friendListToMenu").css("height","125px");
	var count = $("#list_bodyDiv #list_bodyDiv3 ul li").length;
	for(var i=0;i<count;i++){
		var id = $("#list_bodyDiv #list_bodyDiv3 ul li").eq(i).find(".hide").text();
		var id = id.substring(5,id.length);
		var name = $("#list_bodyDiv #list_bodyDiv3 ul li").eq(i).find(".list_bodyName").text();
		var option = "<option value='"+id+"'>"+name+"</option>";
		$(a).next().find("select").prepend(option);
	}
}
/**
 * 主页搜索框中搜索好友/群列表列表
 */
function searchFrendList(){
	$("#list_headSearchInput").keyup(function (){
		$("#list_headSearchListDiv>ul>li").remove();
		var value = $("#list_headSearchInput").val();
		var li = $("#list_bodyDiv2>ul>li:eq(1)>ul>li");
		if(value != null && value != ""){
			var length = li.length;
			for(var i=0;i<length;i++){
				var text = li.eq(i).find(".list_bodyName").text();
				if(text.indexOf(value) != -1){
					var a="<li onClick='clickHouXuanFriend(this)'>好友:"+text+"</li>" 
					$("#list_headSearchListDiv>ul").prepend(a);
					$("#list_headSearchListDiv").css("display","block");
				}
			}
			var qli = $("#list_bodyDiv3>ul>li");
			var length = qli.length;
			for(var i=0;i<length;i++){
				var text = qli.eq(i).find(".list_bodyName").text();
				if(text.indexOf(value) != -1){
					var a="<li onClick='clickHouXuanGroup(this)'>群组:"+text+"</li>"
					$("#list_headSearchListDiv>ul").prepend(a);
					$("#list_headSearchListDiv").css("display","block");
				}
			}
			var count = $("#list_headSearchListDiv>ul>li").length;
			if(count<3){
				var height = 30*count;
				$("#list_headSearchListDiv").height(height);
			}else{
				$("#list_headSearchListDiv").height(90);
			}
		}
		
	});
	$("#list_headSearchListDiv").mouseleave(function (){
		$("#list_headSearchListDiv").css("display","none");
	});
}
/**
 * 点击候选选项
 * @param a
 */
function clickHouXuanFriend(a){
	var text = $(a).text();
	text = text.substring(3,text.length);
	var li = $("#list_bodyDiv2>ul>li:eq(1)>ul>li");
	var length = li.length;
	for(var i=0;i<length;i++){
		var text1 = li.eq(i).find(".list_bodyName").text();
		if(text == text1){
			li.eq(i).click();
		}
	}
}
function clickHouXuanGroup(a){
	var text = $(a).text();
	text = text.substring(3,text.length);
	var li = $("#list_bodyDiv3>ul>li");;
	var length = li.length;
	for(var i=0;i<length;i++){
		var text1 = li.eq(i).find(".list_bodyName").text();
		if(text == text1){
			li.eq(i).click();
		}
	}
}


